body{
    background: #F5F5F5;
    font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    color: #333;
}
/*头部开始*/
header{
    background: #333333;
    height: 45px;
}
.left-head{
    float: left;
    /*margin: 0 auto;*/
    /*padding: 13px 0 0 171px;*/
    /*padding-left: 181px;*/
}
.left-head a{
    /*
    width: 10px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
   */
    display: inline-block;
    font-size: 16px;
    /*padding-left: 10px;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #B0B0B0;
    height: 45px;
    line-height: 45px;
    /*padding: 0 10px;*/
}
.left-head a:hover{
    color: #ffffff;
}
.left-head a+a {
    /*display: inline-block;*/
    border-left: 2px solid #403B37;
}
/*.box1:hover .box2{
    display: block;
}*/
,right-head{
    /*padding-right: 177px;*/
 }
.right-head a{
  /*
    width: 10px;
    height: 40px;
    line-height: 40px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    display: inline-block;
    padding-left: 10px;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #B0B0B0;
    height: 45px;
    line-height: 45px;
    /*padding: 0 10px;*/
}
.right-head a:hover{
    color: #ffffff;
}


/*
.menu {
    position:relative;
}
.menu .box1{
    display: none;
    position: absolute; left: 0px; top: 32px;
    width: 153px;
    height: 153px;
    border: 2px solid silver;
    !*box-shadow: rgb(170, 170, 170) 0px 1px 5px;*!
    box-shadow: 0 0 5px rgb(170, 170, 170);
    padding: 22px;
    background: #fff;
}

.menu:hover .box1{
    display:block;
}*/
.menu~.box1{
    display: none;
    position: absolute; left: 30%; top: 45px;
    width: 153px;
    height: 153px;
    border: 2px solid silver;
    /*box-shadow: rgb(170, 170, 170) 0px 1px 5px;*/
    box-shadow: 0 0 5px rgb(170, 170, 170);
    padding: 22px;
    background: #fff;
}
.menu:hover~.box1{
    display: block;
}
.right-head a+a{
    border-left: 2px solid #403B37;
}
.right-head{
    float: right;
    /*margin: 0 auto;*/
    /*padding: 13px 183px 0 0;*/
}
/*嵌入外部字体*/
@font-face{
    font-family: "iconfont";
    src: url("../fonts/iconfont.eot"); /*IE9兼容模式*/
    src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/iconfont.woff") format("woff"),
    url("../fonts/iconfont.ttf") format("truetype"),
    url("../fonts/iconfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
.iconfont{
    /*display: inline-block;*/
    font-family: "iconfont";
    font-style: normal;
    font-weight: normal;
    /* width: 145px;
     height: 44px;
     box-shadow: 0 0 5px #333333;
     background: #424242;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.right-head a i{
    font-size: 14px;
    font-weight: bold;
    color: #B0B0A7;
}
.right-head .box {
    display: inline-block;
    width: 143px;
    height: 45px;
    /*box-shadow: 0 0 5px #333333;*/
    background: #424242;
}
/*.right-head .box i{
    color: orange;
}*/
.right-head .box i:hover{
    color: orange;
}
/*头部结束*/

/*导航部分开始*/
.top-main{
    margin: 0 auto;
    width: 1533px;
}
.site-header{
    /*height: 80px;*/
    margin-top: 28px;
    /*background: red;*/
    height: 100px; /*80px就可以了*/
}
.site-header .header-logo{
    width: 80px;
    height: 80px;
    /*margin-top: 13px;*/
    float: left;

}

.site-header .header-nav{
    float: left;
    margin-left: 113px;
}

form{
    padding: 0;
    margin: 0;
}

.site-header .header-search{
    float: right;
    /*margin-left: 113px;*/
    /*margin-top: 15px;*/
}

.header-search input{
    float: left;
}

.header-nav ul li{
    float: left;
    height: 80px;
    line-height: 80px;
    padding-left: 40px;
    color: #333354;
    font-size: 20px;
    font-weight: bold;
}

.header-search .search_key{
    border: 0.8px solid #CCCCCC;
    padding-right: 10px;
    height: 48px;
    width: 223px;
    background:  #FAFAFA;
    font-size: 18px;
    color: #666666;
}

.header-search .btn_submit{
    border: 0.8px solid #CCCCCC;
    height: 50px;
    width: 50px;
    padding-left: 8px;
    padding-right: 8px;
    background:  #FAFAFA;
    font-size: 18px;
    color: #666666;
}

.header-nav ul li a:link,a:visited{
    color: #747474;
}

.header-nav ul li a:hover{
    color: #FF6700;
}
/*导航部分结束*/

/*banner开始*/
.home-banner{
    /*background: red;*/
    width: 1533px;
    height: 570px;
}
/*.left-site-container{
    padding-top: 40px;
    padding-left: 40px;
    background: #435066;
    !*这两个宽度一定要设,否则就跟ul默认的高相同，和home-banner的宽相同*!
    width: 293px;
    height: 530px;
}*/
.left-site-category{
    background: #435066;
    width: 293px;
    height: 570px;
    float: left;    /*给左边栏目设置左浮动*/
}
.left-site-category ul li{
    margin-top: 6px;
}
.left-site-category ul li a{
    display: inline-block;
    color: #fff;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    padding-left: 50px;
    padding-top: 8px;

}
.left-site-category ul li:hover{    /*给li标签设置:hover属性才能显示出一整条橙色的效果来*/
    background: #ff6700;
}
.left-site-category ul li a i{
    font-size: 21px;
    margin-left: 123px;
}
/*实现banner部分的轮播图的部分*/
.right-site-container{
    position: relative; /*设置于绝对定位*/
    overflow: hidden;   /*隐藏溢出*/
    width: 1240px;
    height: 570px;
    float: right;   /*给轮播图设置右浮动*/
    /*background: pink;*/
}
.right-site-image{
    position: relative;
    width: 1240px;
    height: 570px;
}
.right-site-container .right-site-image li{
    position: absolute;
    left: 0;
    top: 0;
    width: 1240px;
    height: 570px;
    display: none;
}
.right-site-image li.image_show{
    display: block;
}
.right-site-container .right-site-image li img{
    width: 1240px;
    height: 570px;
}
.right-site-container #list{
    position: absolute;
    bottom: 20px;
    right: 5%;
    /*margin-left: -36px;*/
}
/*设置圆点样式和大小*/
.right-site-container #list li{
    height: 12px;
    width: 12px;
    background-color: #ccc;
    float: left;
    border-radius: 6px;
    text-indent: -9999px;
    cursor: pointer;
}
.right-site-container #list li+li{
    margin-left: 18px;
}
.right-site-container #list li.list_show{
    background: red;
}
.right-site-container #round{
    position: absolute;
    width: 1240px;
    top: 50%;
    margin-top: -20px;
    display: none;
}
.right-site-container #round li{
    width: 40px;
    height: 40px;
    background-color: #cccccc;
    border-radius: 20px;
    line-height: 40px;
    color: white;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}
.right-site-container #round li:hover{
    cursor: pointer;
    background: #666;
}
.right-site-container #round #round_l{
    float: left;
}
.right-site-container #round #round_r{
   float: right;
}
/*banner轮播图设置结束*/

/*商品展示部分开始*/
.goods_show{
    width: 1533px;
    height: 212px;
    /*background: red;*/
}
.goods_show .left_goods_list{
    float: left;
    width: 293px;
    height: 212px;
}
.goods_show .left_goods_list ul{
    width: 293px;   /*总宽*/
    height: 212px;  /*总高*/
    background: #5f5750;
    overflow: hidden;
}
.left_goods_list ul li{
    position: relative;
    float: left;
    width: 97px;
    height: 82px;
    margin-top: 30px;
}
.left_goods_list li a i{
    font-size: 24px;
    color: #CFCDCB;
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
}
.left_goods_list li a span{
    display: inline-block;
    width: 97px;
    text-align: center;
    font-size: 14px;
    color: #CFCDCB;
}
.left_goods_list ul .have_border{
    border-left: 0.2px solid #665E57;
}
.goods_show .com_img{
   float: left;
    width: 395px;
    height: 212px;
}
.goods_show .com_img img{
    width: 395px;
    height:212px;
}
.goods_show{
    margin-top: 18px;
}
.goods_show .com_img{
    margin-left: 18px;
}
/*商品展示部分结束*/

/*秒杀活动开始*/
.second_kill{
    margin-top: 36px;
}
.second_kill .second_kill_header{
    height: 58px;
    width: 1533px;
    /*background: pink;*/
}
.second_kill .second_kill_header h1{
    color: #333;
    font-size: 22px;
    line-height: 58px;
}
.second_kill .second_kill_content{
    height:424px;
    width: 1533px;
    /*background: black;*/
}
.second_kill .second_kill_content .countdown{
    float: left;
    height: 424px;
    width: 293px;
    background: #F1EDED;
    border-top: 1px solid #E53935;
    transition: box-shadow 1s linear;
    -webkit-transition: box-shadow 0.5s linear;
    -moz-transition: box-shadow 0.5s linear;
    -o-transition:  box-shadow 0.5s linear;
}
/*鼠标放上去实现边框的渐变和位移变化*/
.second_kill .second_kill_content .countdown:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    /*transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);*/
    cursor: pointer;
}
.second_kill .second_kill_content .com_kill{
    float: left;
   height: 424px;
    width: 293px;
    background: #FAFAFA;
    margin-left: 17px;
    transition: box-shadow 1s linear;
    -webkit-transition: box-shadow 0.5s linear;
    -moz-transition: box-shadow 0.5s linear;
    -o-transition: box-shadow 0.5s linear;
    position: relative;
    overflow: hidden;   /*溢出处理*/
}
.second_kill .second_kill_content .com_kill a{
    position: absolute;
    left: 0;
    top: 424px;
    display: block;
    width: 293px;
    height: 79px;
    padding: 8px 30px;
    background-color: #FFAC13;
    transition: all 0.6s linear;
}
.second_kill .second_kill_content .com_kill:hover a{
    top: 329px;
}
.second_kill .second_kill_content .com_kill a span.comment{
    overflow: hidden;
    display: block;
    width: 233px;
    max-height: 38px;
    margin-bottom: 5px;
    color: #FFFFFF;

}
.second_kill .second_kill_content .com_kill a span.user{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 233px;
    max-height: 18px;
    display: block;
    color: #FFFFFF;
}
.second_kill .second_kill_content .com_kill:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.second_kill .second_kill_content .second_kill1{
    border-top: 1px solid #FFAC13;
}
.second_kill .second_kill_content .second_kill2{
    border-top: 1px solid #83C44E;
}
.second_kill .second_kill_content .second_kill3{
    border-top: 1px solid #2196F3;
}
.second_kill .second_kill_content .second_kill4{
    border-top: 1px solid #E53935;
}
.countdown .time_title{
    margin-top: 78px;
    color: #ef3a3b;;
    font-size: 21px;
    text-align: center;
}
.countdown img{
    margin: 25px auto;
}
.countdown .distance_slogan{
    color: #6F6D6D;
    text-align: center;
    font-size: 21px;
}
.time{
    margin: 25px auto;
    height: 46px;
    width: 168px;   /*5个盒子的宽度之和*/
}
.time .box{
    width: 46px;
    height: 46px;
    line-height: 46px;
    background: #605751;
    color: #fff;
    font-size: 24px;
    float: left;
    text-align: center;
}
.time .dosh{
    width: 15px;
    height: 46px;
    line-height: 46px;
    /*background: #605751;*/
    color: #605751;
    font-size: 28px;
    float: left;
}
/*底部开始*/
footer .site-footer{
    width: 100%;
    height: 271.8px;
    background: #FFFFFF;
    margin-top: 145.2px;
}
footer .site-footer .container{
    margin: 0 auto;
    width: 1533px;
    height: 271.8px;
    /*background: red;*/
}
footer .site-footer .container .footer-service{
    padding: 27px 0;
    height: 25px;
    border-bottom: 0.8px solid #e0e0e0;
}
footer .site-footer .container .footer-service ul li:first-child{
    border-left: 0;
}
footer .site-footer .container .footer-service ul li{
    float: left;
    height: 25px;
    line-height: 25px;
    width: 19.8%;
    font-size: 16px;
    border-left: 1px solid #e0e0e0;
    text-align: center;
}
footer .site-footer .container .footer-service ul li a{
    color: #616161;
}
footer .site-footer .container .footer-links{
    padding: 40px 0;
    height: 129px;
}
footer .site-footer .container .footer-links .col-links{
    float: left;
    width: 160px;   /*可变宽*/
    /*height: 112px; !*可变高*!*/
    /*background: pink;*/
}
footer .site-footer .container .footer-links .col-links dt{
    margin: -1px 0 26px;
    color: #424242;
    font-size: 14px;
    /*line-height: 1.25px;*/
}
footer .site-footer .container .footer-links .col-links dd{
    margin-top: 10px;
}
footer .site-footer .container .footer-links .col-links dd a{
    color: #757575;
    font-size: 12px;
}
footer .site-footer .container .footer-links .col-contact{
    float: right;
    width: 572px;   /*可变宽*/
    height: 129px; /*可变高*/
    /*background: #adffef;*/
    text-align: center;
    border-left: 1px solid #e0e0e0;
    color: #616161;
}
.col-contact .phone{
    color:#ff6700;
    font-size: 22px;
    margin: 0 0 5px;
}
.col-contact p{
    font-size: 12px;
    margin: 0 0 16px;
}
.col-contact .btn-line-primary{
    width: 118px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    background: #fff;
    color: #ff6700;
    font-size: 12px;
    border: 1px solid #ff6700;
    outline: 0;
}
.col-contact .btn-line-primary:hover{
    background: #ff6700;
    color: #fff;
}
.col-contact .phone{
    font-size: 22px;
    color: #ff6700;
    margin-bottom: 5px;
}
/*.btn-small {
    line-height: 28px;
    border: 1px solid #f25807;
    background-color: #f25807;
}*/
.site-info{
    font-size: 12px;
    /*background: #fafafa;*/
    padding: 30px 0;
    height: 80px;
    /*background: green;*/
}
.site-info .container {
    margin: 0 auto;
    width: 1533px;
    height: 80px;
    /*background: pink;*/
}
.site-info .container .logo{
    float: left;
    background: url(../images/logo.png);    /*背景图片不会自动撑开div，需要手动设置宽高*/
    /*宽高设置为和图片的宽高一样就行*/
    width: 69px;
    height: 69px;
    text-indent: -9999px;   /*用于隐藏文字*/
    margin-right: 10px;
}
.site-info .container .info-text{
    float: left;
    /*background: #b0b0b0;*/
}
.site-info .container .info-text .shop a{
    color: #757575;
}
.site-info .container .info-text .shop a:hover{
    color: #FF6B00;
}
.site-info .container .info-text .lawyer_statement a{
    color: #B0B0B0;
}
.site-info .container .info-links{
    float: right;
}
.site-info .container .info-links a{
    float: left;
}
.site-info .slogan{
    width: 267px;
    height: 19px;
    margin: 30px auto;
    background: url(../images/slogan2016.png);
}
/*底部结束*/

/*在线咨询开始*/
.consult{
   position: fixed;     /*设置元素的定位方式为固定定位*/
    top: 356px;
    /*bottom: 70px;*/
    right: 0;
    width: 82px;
    height: 450px;
    z-index: 999999;    /*设置元素的层叠性在最上方*/
}
.consult .bar-top li{
    display: block;
    width: 82px;
    height: 90px;
    background: #FFFFFF;
    border: 1px solid #f5f5f5;
    border-top: none;
}
.consult .bar-top li a{
    display: block;
   /* width: 82px;
    height: 90px;*/
    width: 62px;
    height: 80px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.consult .bar-top li a:hover{
  color: #ff6700;   /*只让图片和文字有颜色*/
}
.consult .bar-top li a div{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
}
.consult .bar-top li a p{
    font-size: 14px;
    color: #757575;
    text-align: center; /*设置文字居中*/
    /*margin-top: 10px;*/
}
.consult .bar-top li a div.totop_img{
    width: 30px;
    height: 30px;
    margin: 0 auto;
    /*margin-top: 10px;
    margin-bottom: 10px;*/
}
.consult .bar-top li.totop{
    margin-top: 15px;
    /*display: none;  !*让回顶部这个按钮隐藏起来，不占据原来的位置*!*/
}